前言

從DAY24篇開始，已經開始嘗試在實作的部分，也不知道來不來的及30天做完，沒預料到的變數太多了
先是外婆離世，後來又被抓去當專案救火員，我只能說我盡力而為。

因為用了一堆完全沒有實做過的東西，像是Vuex、Nuxt.js、CSS Grid、Pug，其實要花很多時間在摸索跟研究，很難馬上整理出一篇可以與他人分享的有意義文章。
雖然很希望每篇文章都可以讓大家都可以從中學習到一點東西，不過在我自己理解透徹之前，覺得是有點困難的，我也不想寫不正確的東西誤導他人。

所以比較抱歉的是，接下來的幾篇就會往工作日誌的方向先做紀錄，待整個系列作品完成後，再行整理成重點筆記。

然後今天這篇因為這兩天真的身體不太好，所以先簡單紀錄一下今天做了什麼，待明天確實完成了Grid萬年曆後再來更正，再次抱歉

這是今天的小小成果，雖然做出自己想要的樣子，但想要換個方式，所以今天的文章就先記錄到這

今日震撼筆記(先條列)

雖然標題是CSS Grid，但今天其實花比較多時間在研究Pug

• Pug 可以用變數，可以放陣列、物件、字串、數字......
• Pug 竟然可以用公式，像是for、each......
• CSS :nth-of-type 到底怎麼用，我常常很灰，幾n+幾需要讓我思考一下
• CSS Grid 重疊的方式是什麼原理原則